<template>
	<view>
		 <!-- 用户未登录时，显示登录组件 -->
		    <my-login v-if="!token"></my-login>
		
		    <!-- 用户登录后，显示用户信息组件 -->
		    <my-userinfo v-else></my-userinfo>
	</view>
</template>

<script>
	import badgeMix from '@/mixins/tabbar-badge.js'
	import { mapState } from 'vuex'
	
	export default {
		mixins: [badgeMix],
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		computed: {
		    ...mapState('m_user', ['token']),
		  },
	}
</script>

<style lang="scss">
	page,
	.my-container {
	  height: 50%;
	  	background-color: #f4f4f4;
	}
</style>
